<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="ko">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0, user-scalable=no, target-densitydpi=medium-dpi">
<title>회원가입 </title>
<link rel="stylesheet" type="text/css" href="../css/join.css">
<link rel="stylesheet" type="text/css" href="../css/join_pc.css">
<link href="https://nid.naver.com/favicon_1024.png" rel="apple-touch-icon-precomposed" sizes="1024x1024" /> 
<script type="text/javascript" src="https://nid.naver.com/js/clickcr.js"></script>
<meta name="decorator" content="PC_JOIN_UNREAL">
</head>

<body>


	<div id="header">
		<h1><a href="main.jsp" class="h_logo2">로고</a></h1>
	</div>
			<h2 class="blind">회원정보수정</h2>
			<div class="join_content">
				<div class="join_form">
				
<form id="join_form" method="post" action="login_main.jsp?inpage=../input_result.jsp" onSubmit="return mainSubmit(0);">		
										
					

					<div class="row_group">
						<div id="nmDiv" class="join_row">
							<span class="ps_box">
								<input type="text" id="irum" name="irum" maxlength="40" value=""
								onFocus="toggleLabel('nmLb','nm','in');"
								onBlur="toggleLabel('nmLb','nm','out');checkName('check')"
								placeholder="이름" class="int"> 
								<label id="nmLb" for="nm" class="lbl">이름</label> <button type="button" disabled="" title="delete" class="wrg">삭제</button>
							</span>
							<div id="nmMsg" class="error" style="display:none">필수 정보입니다.</div>
						</div>						
						<div id="genderDiv" class="join_row join_sex">
							<span class="row_title"> 성별</span>
							<span class="sex">
								<span class="jender"><input type="radio" id="man" name="gender" value="m" onClick="checkSex()" /><label id="manLb" for="man">남자 </label></span><span class="jender"><input type="radio" id="woman" name="gender" value="f" onClick="checkSex()" /><label id="womanLb" for="woman">여자 </label></span>
							</span>
							<span id="sexMsg" class="error" style="display:none">필수 정보입니다.</span>
						</div>
						<div id="marryDiv" class="join_row join_sex">
							<span class="row_title"> 결혼유무</span>
							<span class="sex">
								<span class="jender"><input type="radio" id="y" name="marry" value="y" onClick="checkSex()" /><label id="manLb" for="y">유 </label></span><span class="jender"><input type="radio" id="n" name="marry" value="n" onClick="checkSex()" /><label id="womanLb" for="n">무 </label></span>
							</span>
							<span id="sexMsg" class="error" style="display:none">필수 정보입니다.</span>
						</div>						
						<div id="birthdayDiv" class="join_row join_birthday">
							<div class="join_birth">
								<div class="bir_yy">
									<span class="ps_box">
										<input type="text" id="yy" maxlength="4" value=""
										onFocus="toggleLabel('yyLb','yy','in');"
										onBlur="toggleLabel('yyLb','yy','out');checkBirthday('check')"
										placeholder="생년" class="int"> 
										<label id="yyLb" for="yy" class="lbl">생년</label> <button type="button" disabled="" title="delete" class="wrg">삭제 </button>
									</span>
								</div>
								<span class="cell">|</span>
								<div class="bir_mm">
									<span class="ps_box">
										<select id="mm" title="월" class="sel" onChange="checkBirthday('check')">
											<option value="">월</option>
										  	 			<option value="1" >1</option>
										  	 			<option value="2" >2</option>
										  	 			<option value="3" >3</option>
										  	 			<option value="4" >4</option>
										  	 			<option value="5" >5</option>
										  	 			<option value="6" >6</option>
										  	 			<option value="7" >7</option>
										  	 			<option value="8" >8</option>
										  	 			<option value="9" >9</option>
										  	 			<option value="10" >10</option>
										  	 			<option value="11" >11</option>
										  	 			<option value="12" >12</option>
										</select>
									</span>
								</div>
								<span class="cell">|</span>
								<div class=" bir_dd">
									<span class="ps_box">
										<input type="text" id="dd" maxlength="2" value=""
										onFocus="toggleLabel('ddLb','dd','in');"
										onBlur="toggleLabel('ddLb','dd','out');checkBirthday('check')"
										placeholder="일" class="int"> 
										<label id="ddLb" for="dd" class="lbl">일</label> <button type="button" disabled="" title="delete" class="wrg">삭제 </button>
									</span>
								</div>
							</div>
							<span id="birthdayMsg" class="error" style="display:none">필수 정보입니다.</span>
						</div>
						<div id="emailDiv" class="join_row join_email">
							<span class="ps_box int_email">
								<input type="text" id="email" name="email" maxlength="100" value=""
								onFocus="toggleLabel('emailLb','email','in');"
								onBlur="toggleLabel('emailLb','email','out');checkEmail('check')"								
								placeholder="이메일" class="int"> 
								<label id="emailLb" for="email" class="lbl">비상 연락용 이메일</label> <button type="button" disabled="" title="delete" class="wrg">삭제</button>
							</span>
							<div id="emailMsg" class="error" style="display:none">필수 정보입니다.</div>
						</div>
						<div id="phone" class="join_row join_birthday">
							<div class="join_birth">
								<div class="bir_mm">
									<span class="ps_box">
										<select id="mm" title="010" class="sel" onChange="checkBirthday('check')">
											<option value="">010</option>
										  	 			<option value="010-" >010</option>
										  	 			<option value="011-" >011</option>
										  	 			<option value="016-" >016</option>
										  	 			
										</select>
									</span>
								</div>
								<span class="cell">|</span>
								<div class="bir_mm">
									<span class="ps_box">
										<input type="text" id="dd" maxlength="2" value=""
										onFocus="toggleLabel('ddLb','dd','in');"
										onBlur="toggleLabel('ddLb','dd','out');checkBirthday('check')"
										placeholder="" class="int"> 
										<label id="ddLb" for="dd" class="lbl">일</label> <button type="button" disabled="" title="delete" class="wrg">삭제 </button>
									</span>
								</div>
								<span class="cell">|</span>
								<div class=" bir_dd">
									<span class="ps_box">
										<input type="text" id="dd" maxlength="2" value=""
										onFocus="toggleLabel('ddLb','dd','in');"
										onBlur="toggleLabel('ddLb','dd','out');checkBirthday('check')"
										placeholder="" class="int"> 
										<label id="ddLb" for="dd" class="lbl">일</label> <button type="button" disabled="" title="delete" class="wrg">삭제 </button>
									</span>
								</div>
							</div>
							<span id="birthdayMsg" class="error" style="display:none">필수 정보입니다.</span>
						</div>
						<div id="jobDiv" class="join_row join_email">
							<span class="ps_box int_email">
								<input type="text" id="job" name="job" maxlength="100" value=""
								onFocus="toggleLabel('emailLb','email','in');"
								onBlur="toggleLabel('emailLb','email','out');checkEmail('check')"								
								placeholder="직업" class="int"> 
							</span>
							<div id="emailMsg" class="error" style="display:none">필수 정보입니다.</div>
						</div>
					</div>
							
				
					<a name="bottom"></a>					
					<div class="error_ch"><span id="joinMsg" class="error" style="display:none">가입정보를 확인해주세요.</span></div>		
					<span class="btn_join"><input type="submit" onClick="clickcr(this, 'sup.signup', '', '', event);" title="회원가입" alt="회원가입" value="가입하기" class="int_join"></span>		
				</div>
			</div>	
</form>
	
	

	
	

</body>
</html>